<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Hello MUI</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<!--标准mui.css-->
	<link rel="stylesheet" href="../../css/mui.min.css">
	<!--App自定义的css-->
	<link rel="stylesheet" type="text/css" href="../../css/app.css" />
	<style>
			.title {
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
		</style>
</head>

<body>
<header class="mui-bar mui-bar-nav">
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	<a class="mui-icon mui-icon-gear mui-pull-right" id="open"></a>
	<h1 class="mui-title">消息列表</h1>
</header>
<div class="mui-content">
	<div class="mui-card" style="margin-bottom: 35px;">
		<ul class="mui-table-view">
			<li class="mui-table-view-cell mui-media">
				<a href="content.html">
					<img class="mui-media-object mui-pull-right" src="../images/muwu.jpg">
					<div class="mui-media-body">
						木屋
						<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="content.html">
					<img class="mui-media-object mui-pull-right" src="../images/cbd.jpg">
					<div class="mui-media-body">
						CBD
						<p class='mui-ellipsis'>烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="content.html">
					<img class="mui-media-object mui-pull-right" src="../images/yuantiao.jpg">
					<div class="mui-media-body">
						远眺
						<p class='mui-ellipsis'>静静的看这个世界，最后终于疯了</p>
					</div>
				</a>
			</li>
		</ul>
	</div>
</div>

</body>
<script src="../../js/mui.min.js"></script>
<script>
		mui.init({
			swipeBack: true //启用右滑关闭功能
		});
	</script>

</html>